<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>test</title>
	<style>
		body {
			padding: 20px;
			margin: 100px auto!important;
		}
		.bs-glyphicons-list {
			list-style: none;
		}
		.bs-glyphicons-list li {
			float: left;
			width: 25%;
			border: 1px solid #eee;
			padding: 10px;
		}
		.bs-glyphicons-list li .glyphicon {
			font-size: 3rem;
			display: block;
		}
	</style>
</head>
<body>

	<div class="row">
		<div class="col-md-12">
			<h2>Bootstrap 主题预览</h2>
		</div>

		<div class="col-md-6">
			<div class="panel panel-default">
		    <div class="panel-heading">
		      <h4 class="panel-title">
	          Modal
		      </h4>
		    </div>
	      <div class="panel-body">
	        <!-- Button trigger modal -->
					<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
					  Launch demo modal
					</button>
					<!-- Modal -->
					<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
					  <div class="modal-dialog" role="document">
					    <div class="modal-content">
					      <div class="modal-header">
					        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
					      </div>
					      <div class="modal-body">
					        ...
					      </div>
					      <div class="modal-footer">
					        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
					        <button type="button" class="btn btn-primary">Save changes</button>
					      </div>
					    </div>
					  </div>
					</div>
	      </div>
		  </div>
		</div>

		<div class="col-md-6">
			<div class="panel panel-default">
				<div class="panel-heading">
		      <h4 class="panel-title">
	          Tab
		      </h4>
		    </div>
		    <div class="panel-body">
		    	<!-- Nav tabs -->
				  <ul class="nav nav-tabs" role="tablist">
				    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>
				    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>
				    <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li>
				    <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>
				  </ul>
				  <!-- Tab panes -->
				  <div class="tab-content">
				    <div role="tabpanel" class="tab-pane active" id="home">Home tab</div>
				    <div role="tabpanel" class="tab-pane" id="profile">Profile tab</div>
				    <div role="tabpanel" class="tab-pane" id="messages">Messages tab</div>
				    <div role="tabpanel" class="tab-pane" id="settings">Settings tab</div>
				  </div>
		    </div>
			</div>
		</div>

		<div class="col-md-6">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title">Tooltip</h4>
				</div>
				<div class="panel-body">
					<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>
					<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button>
					<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>
					<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</button>

					<!-- HTML to write -->
					<a href="#" data-toggle="tooltip" title="Some tooltip text!">Hover over me</a>
					<!-- Generated markup by the plugin -->
					<div class="tooltip top" role="tooltip">
					  <div class="tooltip-arrow"></div>
					  <div class="tooltip-inner">
					    Some tooltip text!
					  </div>
					</div>
					<p>用法： $('#example').tooltip(options)</p>
				</div>
			</div>
		</div>

		<div class="col-md-6">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title">popovers</h4>
				</div>
				<div class="panel-body">
					<button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">点我弹出/隐藏弹出框</button>

					<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
					  Popover on 左侧
					</button>

					<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
					  Popover on 顶部
					</button>

					<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus
					sagittis lacus vel augue laoreet rutrum faucibus.">
					  Popover on 底部
					</button>

					<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
					  Popover on 右侧
					</button>

					<a tabindex="0" class="btn btn-lg btn-danger" role="button" data-toggle="popover" data-trigger="focus" title="Dismissible popover" data-content="And here's some amazing content. It's very engaging. Right?">可消失的弹出框</a>

					<p>用法： $('#example').popover(options)</p>
				</div>
			</div>
		</div>

		<div class="col-md-6">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title">alerts</h4>
				</div>
				<div class="panel-body">
					<button type="button" class="close" data-dismiss="alert" aria-label="Close">
					  <span aria-hidden="true">&times;</span>
					</button>
				</div>
			</div>
		</div>

		<div class="col-md-12">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title">Checkbox / Radio</h4>
				</div>
				<div class="panel-body">
					<div class="btn-group" data-toggle="buttons">
					  <label class="btn btn-primary active">
					    <input type="checkbox" autocomplete="off" checked> Checkbox 1 (pre-checked)
					  </label>
					  <label class="btn btn-primary">
					    <input type="checkbox" autocomplete="off"> Checkbox 2
					  </label>
					  <label class="btn btn-primary">
					    <input type="checkbox" autocomplete="off"> Checkbox 3
					  </label>
					</div>
					<div class="btn-group" data-toggle="buttons">
					  <label class="btn btn-primary active">
					    <input type="radio" name="options" id="option1" autocomplete="off" checked> Radio 1 (preselected)
					  </label>
					  <label class="btn btn-primary">
					    <input type="radio" name="options" id="option2" autocomplete="off"> Radio 2
					  </label>
					  <label class="btn btn-primary">
					    <input type="radio" name="options" id="option3" autocomplete="off"> Radio 3
					  </label>
					</div>
				</div>
			</div>
		</div>

		<div class="col-md-6">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title">accordin</h4>
				</div>
				<div class="panel-body">
					<a class="btn btn-primary" role="button" data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
					  Link with href
					</a>
					<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
					  Button with data-target
					</button>
					<div class="collapse" id="collapseExample">
					  <div class="well">
					    ...
					  </div>
					</div>
				</div>
				<div class="panel-body">
					<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
					  <div class="panel panel-default">
					    <div class="panel-heading" role="tab" id="headingOne">
					      <h4 class="panel-title">
					        <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
					          Collapsible Group Item #1
					        </a>
					      </h4>
					    </div>
					    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
					      <div class="panel-body">
					        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
					      </div>
					    </div>
					  </div>
					  <div class="panel panel-default">
					    <div class="panel-heading" role="tab" id="headingTwo">
					      <h4 class="panel-title">
					        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
					          Collapsible Group Item #2
					        </a>
					      </h4>
					    </div>
					    <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
					      <div class="panel-body">
					        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
					      </div>
					    </div>
					  </div>
					  <div class="panel panel-default">
					    <div class="panel-heading" role="tab" id="headingThree">
					      <h4 class="panel-title">
					        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
					          Collapsible Group Item #3
					        </a>
					      </h4>
					    </div>
					    <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
					      <div class="panel-body">
					        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
					      </div>
					    </div>
					  </div>
					</div>
				</div>
			</div>
		</div>

		<div class="col-md-6">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title">carousel</h4>
				</div>
				<div class="panel-body">
					<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
					  <!-- Indicators -->
					  <ol class="carousel-indicators">
					    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
					    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
					    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
					  </ol>

					  <!-- Wrapper for slides -->
					  <div class="carousel-inner" role="listbox">
					    <div class="item active">
					      <img src="..." alt="...">
					      <div class="carousel-caption">
					        ...
					      </div>
					    </div>
					    <div class="item">
					      <img src="..." alt="...">
					      <div class="carousel-caption">
					        ...
					      </div>
					    </div>
					    ...
					  </div>

					  <!-- Controls -->
					  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
					    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
					    <span class="sr-only">Previous</span>
					  </a>
					  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
					    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
					    <span class="sr-only">Next</span>
					  </a>
					</div>
				</div>
			</div>
		</div>

		<div class="col-md-12">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title">Affix</h4>
				</div>
				<div class="panel-body">
					<div data-spy="affix" data-offset-top="60" data-offset-bottom="200">
					  Affix
					  Affix
					  Affix
					  Affix
					  Affix
					  Affix
					</div>
				</div>
			</div>
		</div>

		<div class="col-md-12">
			<h1>table</h1>
		</div>
		<div class="col-md-6">
			<table class="table table-hover">
		    <caption>Optional table caption.</caption>
		    <thead>
		      <tr>
		        <th>#</th>
		        <th>First Name</th>
		        <th>Last Name</th>
		        <th>Username</th>
		      </tr>
		    </thead>
		    <tbody>
		      <tr>
		        <th scope="row">1</th>
		        <td>Mark</td>
		        <td>Otto</td>
		        <td>@mdo</td>
		      </tr>
		      <tr>
		        <th scope="row">2</th>
		        <td>Jacob</td>
		        <td>Thornton</td>
		        <td>@fat</td>
		      </tr>
		      <tr>
		        <th scope="row">3</th>
		        <td>Larry</td>
		        <td>the Bird</td>
		        <td>@twitter</td>
		      </tr>
		    </tbody>
		  </table>
		</div>
		<div class="col-md-6">
			<table class="table table-striped">
			  <thead>
			    <tr>
			      <th>#</th>
			      <th>First Name</th>
			      <th>Last Name</th>
			      <th>Username</th>
			    </tr>
			  </thead>
			  <tbody>
			    <tr>
			      <th scope="row">1</th>
			      <td>Mark</td>
			      <td>Otto</td>
			      <td>@mdo</td>
			    </tr>
			    <tr>
			      <th scope="row">2</th>
			      <td>Jacob</td>
			      <td>Thornton</td>
			      <td>@fat</td>
			    </tr>
			    <tr>
			      <th scope="row">3</th>
			      <td>Larry</td>
			      <td>the Bird</td>
			      <td>@twitter</td>
			    </tr>
			  </tbody>
			</table>
		</div>

		<div class="col-md-12">
			<h2>button</h2>
		</div>
		<div class="col-md-6">
			<!-- Standard button -->
			<button type="button" class="btn btn-default">（默认样式）Default</button>

			<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
			<button type="button" class="btn btn-primary">（首选项）Primary</button>

			<!-- Indicates a successful or positive action -->
			<button type="button" class="btn btn-success">（成功）Success</button>

			<!-- Contextual button for informational alert messages -->
			<button type="button" class="btn btn-info">（一般信息）Info</button>

			<!-- Indicates caution should be taken with this action -->
			<button type="button" class="btn btn-warning">（警告）Warning</button>

			<!-- Indicates a dangerous or potentially negative action -->
			<button type="button" class="btn btn-danger">（危险）Danger</button>

			<!-- Deemphasize a button by making it look like a link while maintaining button behavior -->
			<button type="button" class="btn btn-link">（链接）Link</button>
		</div>
		<div class="col-md-12">
			<button class="btn btn-default btn-sm">sm</button>
			<button class="btn btn-default btn-lg">lg</button>
		</div>

		<div class="col-md-12">
			<h2>alert</h2>
		</div>
		<div class="col-md-12">
			<div class="alert alert-success" role="alert">
	      <strong>Well done!</strong> You successfully read this important alert message.
	    </div>
	    <div class="alert alert-info" role="alert">
	      <strong>Heads up!</strong> This alert needs your attention, but it's not super important.
	    </div>
	    <div class="alert alert-warning" role="alert">
	      <strong>Warning!</strong> Better check yourself, you're not looking too good.
	    </div>
	    <div class="alert alert-danger" role="alert">
	      <strong>Oh snap!</strong> Change a few things up and try submitting again.
	    </div>
		</div>
		<div class="col-md-12">
			<div class="alert alert-warning alert-dismissible" role="alert">
	      <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	      <strong>Warning!</strong> Better check yourself, you're not looking too good.
	    </div>
		</div>
		<div class="col-md-12">
			<div class="alert alert-success" role="alert">
	      <strong>Well done!</strong> You successfully read <a href="#" class="alert-link">this important alert message</a>.
	    </div>
	    <div class="alert alert-info" role="alert">
	      <strong>Heads up!</strong> This <a href="#" class="alert-link">alert needs your attention</a>, but it's not super important.
	    </div>
	    <div class="alert alert-warning" role="alert">
	      <strong>Warning!</strong> Better check yourself, you're <a href="#" class="alert-link">not looking too good</a>.
	    </div>
	    <div class="alert alert-danger" role="alert">
	      <strong>Oh snap!</strong> <a href="#" class="alert-link">Change a few things up</a> and try submitting again.
	    </div>
		</div>

		<div class="col-md-12">
			<h2>badges</h2>
		</div>
		<div class="col-md-12">
			<a href="#">Inbox <span class="badge">42</span></a>
	    <br><br>
	    <button class="btn btn-primary" type="button">
	      Messages <span class="badge">4</span>
	    </button>
		</div>
		<div class="col-md-12">
			<ul class="nav nav-pills" role="tablist">
	      <li role="presentation" class="active"><a href="#">Home <span class="badge">42</span></a></li>
	      <li role="presentation"><a href="#">Profile</a></li>
	      <li role="presentation"><a href="#">Messages <span class="badge">3</span></a></li>
	    </ul>
		</div>

		<div class="col-md-12">
			<h2>breadcrumbs</h2>
		</div>
		<div class="col-md-12">
			<ol class="breadcrumb">
	      <li class="active">Home</li>
	    </ol>
	    <ol class="breadcrumb">
	      <li><a href="#">Home</a></li>
	      <li class="active">Library</li>
	    </ol>
	    <ol class="breadcrumb">
	      <li><a href="#">Home</a></li>
	      <li><a href="#">Library</a></li>
	      <li class="active">Data</li>
	    </ol>
		</div>

		<div class="col-md-12">
			<h2>button-dropdowns</h2>
		</div>
		<div class="col-md-12">
			<div class="btn-group">
	      <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Default <span class="caret"></span></button>
	      <ul class="dropdown-menu">
	        <li><a href="#">Action</a></li>
	        <li><a href="#">Another action</a></li>
	        <li><a href="#">Something else here</a></li>
	        <li role="separator" class="divider"></li>
	        <li><a href="#">Separated link</a></li>
	      </ul>
	    </div><!-- /btn-group -->
	    <div class="btn-group">
	      <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Primary <span class="caret"></span></button>
	      <ul class="dropdown-menu">
	        <li><a href="#">Action</a></li>
	        <li><a href="#">Another action</a></li>
	        <li><a href="#">Something else here</a></li>
	        <li role="separator" class="divider"></li>
	        <li><a href="#">Separated link</a></li>
	      </ul>
	    </div><!-- /btn-group -->
	    <div class="btn-group">
	      <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Success <span class="caret"></span></button>
	      <ul class="dropdown-menu">
	        <li><a href="#">Action</a></li>
	        <li><a href="#">Another action</a></li>
	        <li><a href="#">Something else here</a></li>
	        <li role="separator" class="divider"></li>
	        <li><a href="#">Separated link</a></li>
	      </ul>
	    </div><!-- /btn-group -->
	    <div class="btn-group">
	      <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Info <span class="caret"></span></button>
	      <ul class="dropdown-menu">
	        <li><a href="#">Action</a></li>
	        <li><a href="#">Another action</a></li>
	        <li><a href="#">Something else here</a></li>
	        <li role="separator" class="divider"></li>
	        <li><a href="#">Separated link</a></li>
	      </ul>
	    </div><!-- /btn-group -->
	    <div class="btn-group">
	      <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Warning <span class="caret"></span></button>
	      <ul class="dropdown-menu">
	        <li><a href="#">Action</a></li>
	        <li><a href="#">Another action</a></li>
	        <li><a href="#">Something else here</a></li>
	        <li role="separator" class="divider"></li>
	        <li><a href="#">Separated link</a></li>
	      </ul>
	    </div><!-- /btn-group -->
	    <div class="btn-group">
	      <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Danger <span class="caret"></span></button>
	      <ul class="dropdown-menu">
	        <li><a href="#">Action</a></li>
	        <li><a href="#">Another action</a></li>
	        <li><a href="#">Something else here</a></li>
	        <li role="separator" class="divider"></li>
	        <li><a href="#">Separated link</a></li>
	      </ul>
	    </div><!-- /btn-group -->
		</div>

		<div class="col-md-12">
			<h2>button-groups</h2>
		</div>
		<div class="col-md-12">
			<div class="btn-group" role="group" aria-label="Basic example">
	      <button type="button" class="btn btn-default">Left</button>
	      <button type="button" class="btn btn-default">Middle</button>
	      <button type="button" class="btn btn-default">Right</button>
	    </div>
		</div>
		<div class="col-md-12">
			<div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups">
	      <div class="btn-group" role="group" aria-label="First group">
	        <button type="button" class="btn btn-default">1</button>
	        <button type="button" class="btn btn-default">2</button>
	        <button type="button" class="btn btn-default">3</button>
	        <button type="button" class="btn btn-default">4</button>
	      </div>
	      <div class="btn-group" role="group" aria-label="Second group">
	        <button type="button" class="btn btn-default">5</button>
	        <button type="button" class="btn btn-default">6</button>
	        <button type="button" class="btn btn-default">7</button>
	      </div>
	      <div class="btn-group" role="group" aria-label="Third group">
	        <button type="button" class="btn btn-default">8</button>
	      </div>
	    </div>
		</div>
		<div class="col-md-12">
			<div class="btn-group btn-group-lg" role="group" aria-label="Large button group">
	      <button type="button" class="btn btn-default">Left</button>
	      <button type="button" class="btn btn-default">Middle</button>
	      <button type="button" class="btn btn-default">Right</button>
	    </div>
	    <br>
	    <div class="btn-group" role="group" aria-label="Default button group">
	      <button type="button" class="btn btn-default">Left</button>
	      <button type="button" class="btn btn-default">Middle</button>
	      <button type="button" class="btn btn-default">Right</button>
	    </div>
	    <br>
	    <div class="btn-group btn-group-sm" role="group" aria-label="Small button group">
	      <button type="button" class="btn btn-default">Left</button>
	      <button type="button" class="btn btn-default">Middle</button>
	      <button type="button" class="btn btn-default">Right</button>
	    </div>
	    <br>
	    <div class="btn-group btn-group-xs" role="group" aria-label="Extra-small button group">
	      <button type="button" class="btn btn-default">Left</button>
	      <button type="button" class="btn btn-default">Middle</button>
	      <button type="button" class="btn btn-default">Right</button>
	    </div>
		</div>
		<div class="col-md-12">
			<div class="btn-group" role="group" aria-label="Button group with nested dropdown">
	      <button type="button" class="btn btn-default">1</button>
	      <button type="button" class="btn btn-default">2</button>

	      <div class="btn-group" role="group">
	        <button id="btnGroupDrop1" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
	          Dropdown
	          <span class="caret"></span>
	        </button>
	        <ul class="dropdown-menu" aria-labelledby="btnGroupDrop1">
	          <li><a href="#">Dropdown link</a></li>
	          <li><a href="#">Dropdown link</a></li>
	        </ul>
	      </div>
	    </div>
		</div>
		<div class="col-md-12">
			<div class="btn-group-vertical" role="group" aria-label="Vertical button group">
	      <button type="button" class="btn btn-default">Button</button>
	      <button type="button" class="btn btn-default">Button</button>
	      <div class="btn-group" role="group">
	        <button id="btnGroupVerticalDrop1" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
	          Dropdown
	          <span class="caret"></span>
	        </button>
	        <ul class="dropdown-menu" aria-labelledby="btnGroupVerticalDrop1">
	          <li><a href="#">Dropdown link</a></li>
	          <li><a href="#">Dropdown link</a></li>
	        </ul>
	      </div>
	      <button type="button" class="btn btn-default">Button</button>
	      <button type="button" class="btn btn-default">Button</button>
	      <div class="btn-group" role="group">
	        <button id="btnGroupVerticalDrop2" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
	          Dropdown
	          <span class="caret"></span>
	        </button>
	        <ul class="dropdown-menu" aria-labelledby="btnGroupVerticalDrop2">
	          <li><a href="#">Dropdown link</a></li>
	          <li><a href="#">Dropdown link</a></li>
	        </ul>
	      </div>
	      <div class="btn-group" role="group">
	        <button id="btnGroupVerticalDrop3" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
	          Dropdown
	          <span class="caret"></span>
	        </button>
	        <ul class="dropdown-menu" aria-labelledby="btnGroupVerticalDrop3">
	          <li><a href="#">Dropdown link</a></li>
	          <li><a href="#">Dropdown link</a></li>
	        </ul>
	      </div>
	      <div class="btn-group" role="group">
	        <button id="btnGroupVerticalDrop4" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
	          Dropdown
	          <span class="caret"></span>
	        </button>
	        <ul class="dropdown-menu" aria-labelledby="btnGroupVerticalDrop4">
	          <li><a href="#">Dropdown link</a></li>
	          <li><a href="#">Dropdown link</a></li>
	        </ul>
	      </div>
	    </div>
		</div>
		<div class="col-md-12">
			<div class="btn-group btn-group-justified" role="group" aria-label="Justified button group">
	      <a href="#" class="btn btn-default" role="button">Left</a>
	      <a href="#" class="btn btn-default" role="button">Middle</a>
	      <a href="#" class="btn btn-default" role="button">Right</a>
	    </div>
	    <br>
	    <div class="btn-group btn-group-justified" role="group" aria-label="Justified button group with nested dropdown">
	      <a href="#" class="btn btn-default" role="button">Left</a>
	      <a href="#" class="btn btn-default" role="button">Middle</a>
	      <div class="btn-group" role="group">
	        <a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
	          Dropdown <span class="caret"></span>
	        </a>
	        <ul class="dropdown-menu">
	          <li><a href="#">Action</a></li>
	          <li><a href="#">Another action</a></li>
	          <li><a href="#">Something else here</a></li>
	          <li role="separator" class="divider"></li>
	          <li><a href="#">Separated link</a></li>
	        </ul>
	      </div>
	    </div>
		</div>
		<div class="col-md-12">
			<div class="btn-group btn-group-justified" role="group" aria-label="Justified button group">
	      <div class="btn-group" role="group">
	        <button type="button" class="btn btn-default">Left</button>
	      </div>
	      <div class="btn-group" role="group">
	        <button type="button" class="btn btn-default">Middle</button>
	      </div>
	      <div class="btn-group" role="group">
	        <button type="button" class="btn btn-default">Right</button>
	      </div>
	    </div>
		</div>

		<div class="col-md-12">
			<h2>dropdowns</h2>
		</div>
		<div class="col-md-12">
			<div class="dropdown clearfix">
	      <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
	        Dropdown
	        <span class="caret"></span>
	      </button>
	      <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
	        <li><a href="#">Action</a></li>
	        <li><a href="#">Another action</a></li>
	        <li><a href="#">Something else here</a></li>
	      </ul>
	    </div>
		</div>
		<div class="col-md-12">
			<div class="dropup clearfix">
	      <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
	        Dropup
	        <span class="caret"></span>
	      </button>
	      <ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
	        <li><a href="#">Action</a></li>
	        <li><a href="#">Another action</a></li>
	        <li><a href="#">Something else here</a></li>
	      </ul>
	    </div>
		</div>
		<div class="col-md-12">
			<div class="dropdown clearfix">
	      <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
	        Dropdown
	        <span class="caret"></span>
	      </button>
	      <ul class="dropdown-menu" aria-labelledby="dropdownMenu3">
	        <li class="dropdown-header">Dropdown header</li>
	        <li><a href="#">Action</a></li>
	        <li><a href="#">Another action</a></li>
	        <li><a href="#">Something else here</a></li>
	        <li class="dropdown-header">Dropdown header</li>
	        <li><a href="#">Separated link</a></li>
	      </ul>
		</div>
		<div class="col-md-12">
			<div class="dropdown clearfix">
	      <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenuDivider" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
	        Dropdown
	        <span class="caret"></span>
	      </button>
	      <ul class="dropdown-menu" aria-labelledby="dropdownMenuDivider">
	        <li><a href="#">Action</a></li>
	        <li><a href="#">Another action</a></li>
	        <li><a href="#">Something else here</a></li>
	        <li role="separator" class="divider"></li>
	        <li><a href="#">Separated link</a></li>
	      </ul>
	    </div>
		</div>
		<div class="col-md-12">
			<div class="dropdown clearfix">
	      <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu4" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
	        Dropdown
	        <span class="caret"></span>
	      </button>
	      <ul class="dropdown-menu" aria-labelledby="dropdownMenu4">
	        <li><a href="#">Regular link</a></li>
	        <li class="disabled"><a href="#">Disabled link</a></li>
	        <li><a href="#">Another link</a></li>
	      </ul>
	    </div>
		</div>

		<div class="col-md-12">
			<h2>input-groups</h2>
		</div>
		<div class="col-md-12">
			<div class="input-group">
	      <span class="input-group-addon" id="basic-addon1">@</span>
	      <input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1">
	    </div>
	    <br>
	    <div class="input-group">
	      <input type="text" class="form-control" placeholder="Recipient's username" aria-describedby="basic-addon2">
	      <span class="input-group-addon" id="basic-addon2">@example.com</span>
	    </div>
	    <br>
	    <div class="input-group">
	      <span class="input-group-addon">$</span>
	      <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
	      <span class="input-group-addon">.00</span>
	    </div>
	    <br>
	    <label for="basic-url">Your vanity URL</label>
	    <div class="input-group">
	      <span class="input-group-addon" id="basic-addon3">https://example.com/users/</span>
	      <input type="text" class="form-control" id="basic-url" aria-describedby="basic-addon3">
	    </div>
		</div>
		<div class="col-md-12">
			<div class="input-group input-group-lg">
	      <span class="input-group-addon" id="sizing-addon1">@</span>
	      <input type="text" class="form-control" placeholder="Username" aria-describedby="sizing-addon1">
	    </div>
	    <br>
	    <div class="input-group">
	      <span class="input-group-addon" id="sizing-addon2">@</span>
	      <input type="text" class="form-control" placeholder="Username" aria-describedby="sizing-addon2">
	    </div>
	    <br>
	    <div class="input-group input-group-sm">
	      <span class="input-group-addon" id="sizing-addon3">@</span>
	      <input type="text" class="form-control" placeholder="Username" aria-describedby="sizing-addon3">
	    </div>
		</div>
		<div class="col-md-12">
			<div class="row">
	      <div class="col-lg-6">
	        <div class="input-group">
	          <span class="input-group-addon">
	            <input type="checkbox" aria-label="Checkbox for following text input">
	          </span>
	          <input type="text" class="form-control" aria-label="Text input with checkbox">
	        </div><!-- /input-group -->
	      </div><!-- /.col-lg-6 -->
	      <div class="col-lg-6">
	        <div class="input-group">
	          <span class="input-group-addon">
	            <input type="radio" aria-label="Radio button for following text input">
	          </span>
	          <input type="text" class="form-control" aria-label="Text input with radio button">
	        </div><!-- /input-group -->
	      </div><!-- /.col-lg-6 -->
	    </div><!-- /.row -->
		</div>
		<div class="col-md-12">
			<div class="row">
	      <div class="col-lg-6">
	        <div class="input-group">
	          <span class="input-group-btn">
	            <button class="btn btn-default" type="button">Go!</button>
	          </span>
	          <input type="text" class="form-control" placeholder="Search for...">
	        </div><!-- /input-group -->
	      </div><!-- /.col-lg-6 -->
	      <div class="col-lg-6">
	        <div class="input-group">
	          <input type="text" class="form-control" placeholder="Search for...">
	          <span class="input-group-btn">
	            <button class="btn btn-default" type="button">Go!</button>
	          </span>
	        </div><!-- /input-group -->
	      </div><!-- /.col-lg-6 -->
	    </div><!-- /.row -->
		</div>
		<div class="col-md-12">
			<div class="row">
	      <div class="col-lg-6">
	        <div class="input-group">
	          <div class="input-group-btn">
	            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Action <span class="caret"></span></button>
	            <ul class="dropdown-menu">
	              <li><a href="#">Action</a></li>
	              <li><a href="#">Another action</a></li>
	              <li><a href="#">Something else here</a></li>
	              <li role="separator" class="divider"></li>
	              <li><a href="#">Separated link</a></li>
	            </ul>
	          </div><!-- /btn-group -->
	          <input type="text" class="form-control" aria-label="Text input with dropdown button">
	        </div><!-- /input-group -->
	      </div><!-- /.col-lg-6 -->
	      <div class="col-lg-6">
	        <div class="input-group">
	          <input type="text" class="form-control" aria-label="Text input with dropdown button">
	          <div class="input-group-btn">
	            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Action <span class="caret"></span></button>
	            <ul class="dropdown-menu dropdown-menu-right">
	              <li><a href="#">Action</a></li>
	              <li><a href="#">Another action</a></li>
	              <li><a href="#">Something else here</a></li>
	              <li role="separator" class="divider"></li>
	              <li><a href="#">Separated link</a></li>
	            </ul>
	          </div><!-- /btn-group -->
	        </div><!-- /input-group -->
	      </div><!-- /.col-lg-6 -->
	    </div><!-- /.row -->
		</div>
		<div class="col-md-12">
			<div class="row">
	      <div class="col-lg-6">
	        <div class="input-group">
	          <div class="input-group-btn">
	            <button type="button" class="btn btn-default">Action</button>
	            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
	              <span class="caret"></span>
	              <span class="sr-only">Toggle Dropdown</span>
	            </button>
	            <ul class="dropdown-menu">
	              <li><a href="#">Action</a></li>
	              <li><a href="#">Another action</a></li>
	              <li><a href="#">Something else here</a></li>
	              <li role="separator" class="divider"></li>
	              <li><a href="#">Separated link</a></li>
	            </ul>
	          </div>
	          <input type="text" class="form-control" aria-label="Text input with segmented button dropdown">
	        </div><!-- /.input-group -->
	      </div><!-- /.col-lg-6 -->
	      <div class="col-lg-6">
	        <div class="input-group">
	          <input type="text" class="form-control" aria-label="Text input with segmented button dropdown">
	          <div class="input-group-btn">
	            <button type="button" class="btn btn-default">Action</button>
	            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
	              <span class="caret"></span>
	              <span class="sr-only">Toggle Dropdown</span>
	            </button>
	            <ul class="dropdown-menu dropdown-menu-right">
	              <li><a href="#">Action</a></li>
	              <li><a href="#">Another action</a></li>
	              <li><a href="#">Something else here</a></li>
	              <li role="separator" class="divider"></li>
	              <li><a href="#">Separated link</a></li>
	            </ul>
	          </div>
	        </div><!-- /.input-group -->
	      </div><!-- /.col-lg-6 -->
	    </div><!-- /.row -->
		</div>
		<div class="col-md-12">
			<div class="row">
	      <div class="col-lg-6">
	        <div class="input-group">
	          <div class="input-group-btn">
	            <button type="button" class="btn btn-default" aria-label="Bold"><span class="glyphicon glyphicon-bold"></span></button>
	            <button type="button" class="btn btn-default" aria-label="Italic"><span class="glyphicon glyphicon-italic"></span></button>
	          </div>
	          <input type="text" class="form-control" aria-label="Text input with multiple buttons">
	        </div><!-- /.input-group -->
	      </div><!-- /.col-lg-6 -->
	      <div class="col-lg-6">
	        <div class="input-group">
	          <input type="text" class="form-control" aria-label="Text input with multiple buttons">
	          <div class="input-group-btn">
	            <button type="button" class="btn btn-default" aria-label="Help"><span class="glyphicon glyphicon-question-sign"></span></button>
	            <button type="button" class="btn btn-default">Action</button>
	          </div>
	        </div><!-- /.input-group -->
	      </div><!-- /.col-lg-6 -->
	    </div><!-- /.row -->
		</div>

		<div class="col-md-12">
			<h2>jumbotron</h2>
		</div>
		<div class="col-md-12">
			<div class="jumbotron">
	      <h1>Hello, world!</h1>
	      <p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
	      <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
	    </div>
		</div>

		<div class="col-md-12">
			<h2>labels</h2>
		</div>
		<div class="col-md-12">
			<h1>Example heading <span class="label label-default">New</span></h1>
	    <h2>Example heading <span class="label label-default">New</span></h2>
	    <h3>Example heading <span class="label label-default">New</span></h3>
	    <h4>Example heading <span class="label label-default">New</span></h4>
	    <h5>Example heading <span class="label label-default">New</span></h5>
	    <h6>Example heading <span class="label label-default">New</span></h6>
		</div>
		<div class="col-md-12">
			<span class="label label-default">Default</span>
	    <span class="label label-primary">Primary</span>
	    <span class="label label-success">Success</span>
	    <span class="label label-info">Info</span>
	    <span class="label label-warning">Warning</span>
	    <span class="label label-danger">Danger</span>
		</div>

		<div class="col-md-12">
			<h2>list-group</h2>
		</div>
		<div class="col-md-12">
			<ul class="list-group">
	      <li class="list-group-item">Cras justo odio</li>
	      <li class="list-group-item">Dapibus ac facilisis in</li>
	      <li class="list-group-item">Morbi leo risus</li>
	      <li class="list-group-item">Porta ac consectetur ac</li>
	      <li class="list-group-item">Vestibulum at eros</li>
	    </ul>
		</div>
		<div class="col-md-12">
			<ul class="list-group">
	      <li class="list-group-item">
	        <span class="badge">14</span>
	        Cras justo odio
	      </li>
	      <li class="list-group-item">
	        <span class="badge">2</span>
	        Dapibus ac facilisis in
	      </li>
	      <li class="list-group-item">
	        <span class="badge">1</span>
	        Morbi leo risus
	      </li>
	    </ul>
		</div>
		<div class="col-md-12">
			<div class="list-group">
	      <a href="#" class="list-group-item active">
	        Cras justo odio
	      </a>
	      <a href="#" class="list-group-item">Dapibus ac facilisis in</a>
	      <a href="#" class="list-group-item">Morbi leo risus</a>
	      <a href="#" class="list-group-item">Porta ac consectetur ac</a>
	      <a href="#" class="list-group-item">Vestibulum at eros</a>
	    </div>
		</div>
		<div class="col-md-12">
			<div class="list-group">
	      <button type="button" class="list-group-item">Cras justo odio</button>
	      <button type="button" class="list-group-item">Dapibus ac facilisis in</button>
	      <button type="button" class="list-group-item">Morbi leo risus</button>
	      <button type="button" class="list-group-item">Porta ac consectetur ac</button>
	      <button type="button" class="list-group-item">Vestibulum at eros</button>
	    </div>
		</div>
		<div class="col-md-12">
			<div class="list-group">
	      <a href="#" class="list-group-item disabled">
	        Cras justo odio
	      </a>
	      <a href="#" class="list-group-item">Dapibus ac facilisis in</a>
	      <a href="#" class="list-group-item">Morbi leo risus</a>
	      <a href="#" class="list-group-item">Porta ac consectetur ac</a>
	      <a href="#" class="list-group-item">Vestibulum at eros</a>
	    </div>
		</div>
		<div class="col-md-12">
			<div class="row">
	      <div class="col-sm-6">
	        <ul class="list-group">
	          <li class="list-group-item list-group-item-success">Dapibus ac facilisis in</li>
	          <li class="list-group-item list-group-item-info">Cras sit amet nibh libero</li>
	          <li class="list-group-item list-group-item-warning">Porta ac consectetur ac</li>
	          <li class="list-group-item list-group-item-danger">Vestibulum at eros</li>
	        </ul>
	      </div>
	      <div class="col-sm-6">
	        <div class="list-group">
	          <a href="#" class="list-group-item list-group-item-success">Dapibus ac facilisis in</a>
	          <a href="#" class="list-group-item list-group-item-info">Cras sit amet nibh libero</a>
	          <a href="#" class="list-group-item list-group-item-warning">Porta ac consectetur ac</a>
	          <a href="#" class="list-group-item list-group-item-danger">Vestibulum at eros</a>
	        </div>
	      </div>
	    </div>
		</div>
		<div class="col-md-12">
			<div class="list-group">
	      <a href="#" class="list-group-item active">
	        <h4 class="list-group-item-heading">List group item heading</h4>
	        <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
	      </a>
	      <a href="#" class="list-group-item">
	        <h4 class="list-group-item-heading">List group item heading</h4>
	        <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
	      </a>
	      <a href="#" class="list-group-item">
	        <h4 class="list-group-item-heading">List group item heading</h4>
	        <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
	      </a>
	    </div>
		</div>
		<div class="col-md-12">
			<h2>media</h2>
		</div>
		<div class="col-md-12">
			<div class="media">
	      <div class="media-left">
	        <a href="#">
	          <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
	        </a>
	      </div>
	      <div class="media-body">
	        <h4 class="media-heading">Media heading</h4>
	        Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
	      </div>
	    </div>
	    <div class="media">
	      <div class="media-left">
	        <a href="#">
	          <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
	        </a>
	      </div>
	      <div class="media-body">
	        <h4 class="media-heading">Media heading</h4>
	        Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
	        <div class="media">
	          <div class="media-left">
	            <a href="#">
	              <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
	            </a>
	          </div>
	          <div class="media-body">
	            <h4 class="media-heading">Nested media heading</h4>
	            Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
	          </div>
	        </div>
	      </div>
	    </div>
	    <div class="media">
	      <div class="media-body">
	        <h4 class="media-heading">Media heading</h4>
	        Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
	      </div>
	      <div class="media-right">
	        <a href="#">
	          <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
	        </a>
	      </div>
	    </div>
	    <div class="media">
	      <div class="media-left">
	        <a href="#">
	          <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
	        </a>
	      </div>
	      <div class="media-body">
	        <h4 class="media-heading">Media heading</h4>
	        Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
	      </div>
	      <div class="media-right">
	        <a href="#">
	          <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
	        </a>
	      </div>
		  </div>
		</div>
		<div class="col-md-12">
			<div class="media">
	      <div class="media-left">
	        <a href="#">
	          <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
	        </a>
	      </div>
	      <div class="media-body">
	        <h4 class="media-heading">Top aligned media</h4>
	        <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
	        <p>Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
	      </div>
	    </div>
	    <div class="media">
	      <div class="media-left media-middle">
	        <a href="#">
	          <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
	        </a>
	      </div>
	      <div class="media-body">
	        <h4 class="media-heading">Middle aligned media</h4>
	        <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
	        <p>Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
	      </div>
	    </div>
	    <div class="media">
	      <div class="media-left media-bottom">
	        <a href="#">
	          <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
	        </a>
	      </div>
	      <div class="media-body">
	        <h4 class="media-heading">Bottom aligned media</h4>
	        <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
	        <p>Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
	      </div>
	    </div>
		</div>
		<div class="col-md-12">
			<ul class="media-list">
	      <li class="media">
	        <div class="media-left">
	          <a href="#">
	            <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
	          </a>
	        </div>
	        <div class="media-body">
	          <h4 class="media-heading">Media heading</h4>
	          <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
	          <!-- Nested media object -->
	          <div class="media">
	            <div class="media-left">
	              <a href="#">
	                <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
	              </a>
	            </div>
	            <div class="media-body">
	              <h4 class="media-heading">Nested media heading</h4>
	              Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
	              <!-- Nested media object -->
	              <div class="media">
	                <div class="media-left">
	                  <a href="#">
	                    <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
	                  </a>
	                </div>
	                <div class="media-body">
	                  <h4 class="media-heading">Nested media heading</h4>
	                  Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
	                </div>
	              </div>
	            </div>
	          </div>
	          <!-- Nested media object -->
	          <div class="media">
	            <div class="media-left">
	              <a href="#">
	                <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
	              </a>
	            </div>
	            <div class="media-body">
	              <h4 class="media-heading">Nested media heading</h4>
	              Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
	            </div>
	          </div>
	        </div>
	      </li>
	    </ul>
		</div>

		<div class="col-md-12">
			<h2>navbar</h2>
		</div>
		<div class="col-md-12">
			<nav class="navbar navbar-default">
	      <div class="container-fluid">
	        <!-- Brand and toggle get grouped for better mobile display -->
	        <div class="navbar-header">
	          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
	            <span class="sr-only">Toggle navigation</span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	          </button>
	          <a class="navbar-brand" href="#">Brand</a>
	        </div>

	        <!-- Collect the nav links, forms, and other content for toggling -->
	        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
	          <ul class="nav navbar-nav">
	            <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
	            <li><a href="#">Link</a></li>
	            <li class="dropdown">
	              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
	              <ul class="dropdown-menu">
	                <li><a href="#">Action</a></li>
	                <li><a href="#">Another action</a></li>
	                <li><a href="#">Something else here</a></li>
	                <li role="separator" class="divider"></li>
	                <li><a href="#">Separated link</a></li>
	                <li role="separator" class="divider"></li>
	                <li><a href="#">One more separated link</a></li>
	              </ul>
	            </li>
	          </ul>
	          <form class="navbar-form navbar-left">
	            <div class="form-group">
	              <input type="text" class="form-control" placeholder="Search">
	            </div>
	            <button type="submit" class="btn btn-default">Submit</button>
	          </form>
	          <ul class="nav navbar-nav navbar-right">
	            <li><a href="#">Link</a></li>
	            <li class="dropdown">
	              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
	              <ul class="dropdown-menu">
	                <li><a href="#">Action</a></li>
	                <li><a href="#">Another action</a></li>
	                <li><a href="#">Something else here</a></li>
	                <li role="separator" class="divider"></li>
	                <li><a href="#">Separated link</a></li>
	              </ul>
	            </li>
	          </ul>
	        </div><!-- /.navbar-collapse -->
	      </div><!-- /.container-fluid -->
	    </nav>
		</div>
		<div class="col-md-12">
			<nav class="navbar navbar-default">
	      <div class="container-fluid">
	        <div class="navbar-header">
	          <a class="navbar-brand" href="#">
	            <img alt="Brand" width="20" height="20" src="">
	          </a>
	        </div>
	      </div>
	    </nav>
		</div>
		<div class="col-md-12">
			<nav class="navbar navbar-default">
	      <div class="container-fluid">
	        <div class="navbar-header">
	          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2" aria-expanded="false">
	            <span class="sr-only">Toggle navigation</span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	          </button>
	          <a class="navbar-brand" href="#">Brand</a>
	        </div>
	        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
	          <form class="navbar-form navbar-left">
	            <div class="form-group">
	              <input type="text" class="form-control" placeholder="Search">
	            </div>
	            <button type="submit" class="btn btn-default">Submit</button>
	          </form>
	        </div>
	      </div>
	    </nav>
		</div>
		<div class="col-md-12">
			<nav class="navbar navbar-default">
	      <div class="container-fluid">
	        <div class="navbar-header">
	          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-3" aria-expanded="false">
	            <span class="sr-only">Toggle navigation</span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	          </button>
	          <a class="navbar-brand" href="#">Brand</a>
	        </div>
	        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-3">
	          <button type="button" class="btn btn-default navbar-btn">Sign in</button>
	        </div>
	      </div>
	    </nav>
		</div>
		<div class="col-md-12">
			<nav class="navbar navbar-default">
	      <div class="container-fluid">
	        <div class="navbar-header">
	          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="false">
	            <span class="sr-only">Toggle navigation</span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	          </button>
	          <a class="navbar-brand" href="#">Brand</a>
	        </div>
	        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-4">
	          <p class="navbar-text">Signed in as Mark Otto</p>
	        </div>
	      </div>
	    </nav>
		</div>
		<div class="col-md-12">
			<nav class="navbar navbar-default">
	      <div class="container-fluid">
	        <div class="navbar-header">
	          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-5" aria-expanded="false">
	            <span class="sr-only">Toggle navigation</span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	          </button>
	          <a class="navbar-brand" href="#">Brand</a>
	        </div>
	        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-5">
	          <p class="navbar-text navbar-right">Signed in as <a href="#" class="navbar-link">Mark Otto</a></p>
	        </div>
	      </div>
	    </nav>
		</div>
		<div class="col-md-12">
			<nav class="navbar navbar-default navbar-fixed-top">
	      <!-- We use the fluid option here to avoid overriding the fixed width of a normal container within the narrow content columns. -->
	      <div class="container-fluid">
	        <div class="navbar-header">
	          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-6" aria-expanded="false">
	            <span class="sr-only">Toggle navigation</span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	          </button>
	          <a class="navbar-brand" href="#">Brand</a>
	        </div>

	        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-6">
	          <ul class="nav navbar-nav">
	            <li class="active"><a href="#">Home</a></li>
	            <li><a href="#">Link</a></li>
	            <li><a href="#">Link</a></li>
	          </ul>
	        </div><!-- /.navbar-collapse -->
	      </div>
	    </nav>
		</div>
		<div class="col-md-12">
			<nav class="navbar navbar-default navbar-fixed-bottom">
	      <!-- We use the fluid option here to avoid overriding the fixed width of a normal container within the narrow content columns. -->
	      <div class="container-fluid">
	        <div class="navbar-header">
	          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-7" aria-expanded="false">
	            <span class="sr-only">Toggle navigation</span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	          </button>
	          <a class="navbar-brand" href="#">Brand</a>
	        </div>

	        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-7">
	          <ul class="nav navbar-nav">
	            <li class="active"><a href="#">Home</a></li>
	            <li><a href="#">Link</a></li>
	            <li><a href="#">Link</a></li>
	          </ul>
	        </div><!-- /.navbar-collapse -->
	      </div>
	    </nav>
		</div>
		<div class="col-md-12">
			<nav class="navbar navbar-default navbar-static-top">
	      <!-- We use the fluid option here to avoid overriding the fixed width of a normal container within the narrow content columns. -->
	      <div class="container-fluid">
	        <div class="navbar-header">
	          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-8" aria-expanded="false">
	            <span class="sr-only">Toggle navigation</span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	          </button>
	          <a class="navbar-brand" href="#">Brand</a>
	        </div>

	        <!-- Collect the nav links, forms, and other content for toggling -->
	        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-8">
	          <ul class="nav navbar-nav">
	            <li class="active"><a href="#">Home</a></li>
	            <li><a href="#">Link</a></li>
	            <li><a href="#">Link</a></li>
	          </ul>
	        </div><!-- /.navbar-collapse -->
	      </div>
	    </nav>
		</div>
		<div class="col-md-12">
			<nav class="navbar navbar-inverse">
	      <div class="container-fluid">
	        <!-- Brand and toggle get grouped for better mobile display -->
	        <div class="navbar-header">
	          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-9" aria-expanded="false">
	            <span class="sr-only">Toggle navigation</span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	          </button>
	          <a class="navbar-brand" href="#">Brand</a>
	        </div>

	        <!-- Collect the nav links, forms, and other content for toggling -->
	        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-9">
	          <ul class="nav navbar-nav">
	            <li class="active"><a href="#">Home</a></li>
	            <li><a href="#">Link</a></li>
	            <li><a href="#">Link</a></li>
	          </ul>
	        </div><!-- /.navbar-collapse -->
	      </div><!-- /.container-fluid -->
	    </nav>
		</div>

		<div class="col-md-12">
			<h2>navs</h2>
		</div>
		<div class="col-md-12">
			<ul class="nav nav-tabs">
	      <li role="presentation" class="active"><a href="#">Home</a></li>
	      <li role="presentation"><a href="#">Profile</a></li>
	      <li role="presentation"><a href="#">Messages</a></li>
	    </ul>
		</div>
		<div class="col-md-12">
			<ul class="nav nav-pills">
	      <li role="presentation" class="active"><a href="#">Home</a></li>
	      <li role="presentation"><a href="#">Profile</a></li>
	      <li role="presentation"><a href="#">Messages</a></li>
	    </ul>
		</div>
		<div class="col-md-12">
			<ul class="nav nav-pills nav-stacked nav-pills-stacked-example">
	      <li role="presentation" class="active"><a href="#">Home</a></li>
	      <li role="presentation"><a href="#">Profile</a></li>
	      <li role="presentation"><a href="#">Messages</a></li>
	    </ul>
		</div>
		<div class="col-md-12">
			<ul class="nav nav-tabs nav-justified">
	      <li role="presentation" class="active"><a href="#">Home</a></li>
	      <li role="presentation"><a href="#">Profile</a></li>
	      <li role="presentation"><a href="#">Messages</a></li>
	    </ul>
	    <br>
	    <ul class="nav nav-pills nav-justified">
	      <li role="presentation" class="active"><a href="#">Home</a></li>
	      <li role="presentation"><a href="#">Profile</a></li>
	      <li role="presentation"><a href="#">Messages</a></li>
	    </ul>
		</div>
		<div class="col-md-12">
			<ul class="nav nav-pills">
	      <li role="presentation"><a href="#">Clickable link</a></li>
	      <li role="presentation"><a href="#">Clickable link</a></li>
	      <li role="presentation" class="disabled"><a href="#">Disabled link</a></li>
	    </ul>
		</div>
		<div class="col-md-12">
			<ul class="nav nav-tabs">
	      <li role="presentation" class="active"><a href="#">Home</a></li>
	      <li role="presentation"><a href="#">Help</a></li>
	      <li role="presentation" class="dropdown">
	        <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
	          Dropdown <span class="caret"></span>
	        </a>
	        <ul class="dropdown-menu">
	          <li><a href="#">Action</a></li>
	          <li><a href="#">Another action</a></li>
	          <li><a href="#">Something else here</a></li>
	          <li role="separator" class="divider"></li>
	          <li><a href="#">Separated link</a></li>
	        </ul>
	      </li>
	    </ul>
		</div>
		<div class="col-md-12">
			<ul class="nav nav-pills">
	      <li role="presentation" class="active"><a href="#">Home</a></li>
	      <li role="presentation"><a href="#">Help</a></li>
	      <li role="presentation" class="dropdown">
	        <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
	          Dropdown <span class="caret"></span>
	        </a>
	        <ul class="dropdown-menu">
	          <li><a href="#">Action</a></li>
	          <li><a href="#">Another action</a></li>
	          <li><a href="#">Something else here</a></li>
	          <li role="separator" class="divider"></li>
	          <li><a href="#">Separated link</a></li>
	        </ul>
	      </li>
	    </ul>
		</div>

		<div class="col-md-12">
			<h2>page-header</h2>
		</div>
		<div class="col-md-12">
			<div class="page-header">
	      <h1>Example page header <small>Subtext for header</small></h1>
	    </div>
		</div>

		<div class="col-md-12">
			<h2>pagination</h2>
		</div>
		<div class="col-md-12">
			<nav aria-label="Page navigation">
	      <ul class="pagination">
	        <li>
	          <a href="#" aria-label="Previous">
	            <span aria-hidden="true">&laquo;</span>
	          </a>
	        </li>
	        <li><a href="#">1</a></li>
	        <li><a href="#">2</a></li>
	        <li><a href="#">3</a></li>
	        <li><a href="#">4</a></li>
	        <li><a href="#">5</a></li>
	        <li>
	          <a href="#" aria-label="Next">
	            <span aria-hidden="true">&raquo;</span>
	          </a>
	        </li>
	      </ul>
	    </nav>
		</div>
		<div class="col-md-12">
			<nav aria-label="...">
	      <ul class="pagination">
	        <li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
	        <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
	        <li><a href="#">2</a></li>
	        <li><a href="#">3</a></li>
	        <li><a href="#">4</a></li>
	        <li><a href="#">5</a></li>
	        <li><a href="#" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li>
	     </ul>
	   </nav>
		</div>
		<div class="col-md-12">
			<nav aria-label="...">
	      <ul class="pagination pagination-lg">
	        <li><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
	        <li><a href="#">1</a></li>
	        <li><a href="#">2</a></li>
	        <li><a href="#">3</a></li>
	        <li><a href="#">4</a></li>
	        <li><a href="#">5</a></li>
	        <li><a href="#" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li>
	      </ul>
	    </nav>
	    <nav aria-label="...">
	      <ul class="pagination">
	        <li><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
	        <li><a href="#">1</a></li>
	        <li><a href="#">2</a></li>
	        <li><a href="#">3</a></li>
	        <li><a href="#">4</a></li>
	        <li><a href="#">5</a></li>
	        <li><a href="#" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li>
	      </ul>
	    </nav>
	    <nav aria-label="...">
	      <ul class="pagination pagination-sm">
	        <li><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
	        <li><a href="#">1</a></li>
	        <li><a href="#">2</a></li>
	        <li><a href="#">3</a></li>
	        <li><a href="#">4</a></li>
	        <li><a href="#">5</a></li>
	        <li><a href="#" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li>
	      </ul>
	    </nav>
		</div>
		<div class="col-md-12">
			<nav aria-label="...">
	      <ul class="pager">
	        <li><a href="#">Previous</a></li>
	        <li><a href="#">Next</a></li>
	      </ul>
	    </nav>
		</div>
		<div class="col-md-12">
			<nav aria-label="...">
	      <ul class="pager">
	        <li class="previous"><a href="#"><span aria-hidden="true">&larr;</span> Older</a></li>
	        <li class="next"><a href="#">Newer <span aria-hidden="true">&rarr;</span></a></li>
	      </ul>
	    </nav>
		</div>
		<div class="col-md-12">
			<nav aria-label="...">
	      <ul class="pager">
	        <li class="previous disabled"><a href="#"><span aria-hidden="true">&larr;</span> Older</a></li>
	        <li class="next"><a href="#">Newer <span aria-hidden="true">&rarr;</span></a></li>
	      </ul>
	    </nav>
		</div>

		<div class="col-md-12">
			<h2>panels</h2>
		</div>
		<div class="col-md-12">
			<div class="panel panel-default">
	      <div class="panel-body">
	        Basic panel example
	      </div>
	    </div>
		</div>
		<div class="col-md-12">
			<div class="panel panel-default">
	      <div class="panel-heading">Panel heading without title</div>
	      <div class="panel-body">
	        Panel content
	      </div>
	    </div>
	    <div class="panel panel-default">
	      <div class="panel-heading">
	        <h3 class="panel-title">Panel title</h3>
	      </div>
	      <div class="panel-body">
	        Panel content
	      </div>
	    </div>
		</div>
		<div class="col-md-12">
			<div class="panel panel-default">
	      <div class="panel-body">
	        Panel content
	      </div>
	      <div class="panel-footer">Panel footer</div>
	    </div>
		</div>
		<div class="col-md-12">
			<div class="panel panel-primary">
	      <div class="panel-heading">
	        <h3 class="panel-title">Panel title</h3>
	      </div>
	      <div class="panel-body">
	        Panel content
	      </div>
	    </div>
	    <div class="panel panel-success">
	      <div class="panel-heading">
	        <h3 class="panel-title">Panel title</h3>
	      </div>
	      <div class="panel-body">
	        Panel content
	      </div>
	    </div>
	    <div class="panel panel-info">
	      <div class="panel-heading">
	        <h3 class="panel-title">Panel title</h3>
	      </div>
	      <div class="panel-body">
	        Panel content
	      </div>
	    </div>
	    <div class="panel panel-warning">
	      <div class="panel-heading">
	        <h3 class="panel-title">Panel title</h3>
	      </div>
	      <div class="panel-body">
	        Panel content
	      </div>
	    </div>
	    <div class="panel panel-danger">
	      <div class="panel-heading">
	        <h3 class="panel-title">Panel title</h3>
	      </div>
	      <div class="panel-body">
	        Panel content
	      </div>
	    </div>
		</div>
		<div class="col-md-12">
			<div class="panel panel-default">
	      <!-- Default panel contents -->
	      <div class="panel-heading">Panel heading</div>
	      <div class="panel-body">
	        <p>Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
	      </div>

	      <!-- Table -->
	      <table class="table">
	        <thead>
	          <tr>
	            <th>#</th>
	            <th>First Name</th>
	            <th>Last Name</th>
	            <th>Username</th>
	          </tr>
	        </thead>
	        <tbody>
	          <tr>
	            <th scope="row">1</th>
	            <td>Mark</td>
	            <td>Otto</td>
	            <td>@mdo</td>
	          </tr>
	          <tr>
	            <th scope="row">2</th>
	            <td>Jacob</td>
	            <td>Thornton</td>
	            <td>@fat</td>
	          </tr>
	          <tr>
	            <th scope="row">3</th>
	            <td>Larry</td>
	            <td>the Bird</td>
	            <td>@twitter</td>
	          </tr>
	        </tbody>
	      </table>
	    </div>
		</div>
		<div class="col-md-12">
			<div class="panel panel-default">
	      <!-- Default panel contents -->
	      <div class="panel-heading">Panel heading</div>

	      <!-- Table -->
	      <table class="table">
	        <thead>
	          <tr>
	            <th>#</th>
	            <th>First Name</th>
	            <th>Last Name</th>
	            <th>Username</th>
	          </tr>
	        </thead>
	        <tbody>
	          <tr>
	            <th scope="row">1</th>
	            <td>Mark</td>
	            <td>Otto</td>
	            <td>@mdo</td>
	          </tr>
	          <tr>
	            <th scope="row">2</th>
	            <td>Jacob</td>
	            <td>Thornton</td>
	            <td>@fat</td>
	          </tr>
	          <tr>
	            <th scope="row">3</th>
	            <td>Larry</td>
	            <td>the Bird</td>
	            <td>@twitter</td>
	          </tr>
	        </tbody>
	      </table>
	    </div>
		</div>
		<div class="col-md-12">
			<div class="panel panel-default">
	      <!-- Default panel contents -->
	      <div class="panel-heading">Panel heading</div>
	      <div class="panel-body">
	        <p>Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
	      </div>

	      <!-- List group -->
	      <ul class="list-group">
	        <li class="list-group-item">Cras justo odio</li>
	        <li class="list-group-item">Dapibus ac facilisis in</li>
	        <li class="list-group-item">Morbi leo risus</li>
	        <li class="list-group-item">Porta ac consectetur ac</li>
	        <li class="list-group-item">Vestibulum at eros</li>
	      </ul>
	    </div>
		</div>

		<div class="col-md-12">
			<h2>progress-bars</h2>
		</div>
		<div class="col-md-12">
			<div class="progress">
	      <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
	        <span class="sr-only">60% Complete</span>
	      </div>
	    </div>
		</div>
		<div class="col-md-12">
			<div class="progress">
	      <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
	        60%
	      </div>
	    </div>
		</div>
		<div class="col-md-12">
			<div class="progress">
	      <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="min-width: 2em;">
	        0%
	      </div>
	    </div>
	    <div class="progress">
	      <div class="progress-bar" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="100" style="min-width: 2em; width: 2%;">
	        2%
	      </div>
	    </div>
		</div>
		<div class="col-md-12">
			<div class="progress">
	      <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
	        <span class="sr-only">40% Complete (success)</span>
	      </div>
	    </div>
	    <div class="progress">
	      <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
	        <span class="sr-only">20% Complete</span>
	      </div>
	    </div>
	    <div class="progress">
	      <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
	        <span class="sr-only">60% Complete (warning)</span>
	      </div>
	    </div>
	    <div class="progress">
	      <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
	        <span class="sr-only">80% Complete (danger)</span>
	      </div>
	    </div>
		</div>
		<div class="col-md-12">
		 	<div class="progress">
	      <div class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
	        <span class="sr-only">40% Complete (success)</span>
	      </div>
	    </div>
	    <div class="progress">
	      <div class="progress-bar progress-bar-info progress-bar-striped" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
	        <span class="sr-only">20% Complete</span>
	      </div>
	    </div>
	    <div class="progress">
	      <div class="progress-bar progress-bar-warning progress-bar-striped" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
	        <span class="sr-only">60% Complete (warning)</span>
	      </div>
	    </div>
	    <div class="progress">
	      <div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
	        <span class="sr-only">80% Complete (danger)</span>
	      </div>
	    </div>
		</div>
		<div class="col-md-12">
			<div class="progress">
	      <div class="progress-bar progress-bar-striped" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%"><span class="sr-only">45% Complete</span></div>
	    </div>
	    <button type="button" class="btn btn-default bs-docs-activate-animated-progressbar" data-toggle="button" aria-pressed="false" autocomplete="off">Toggle animation</button>
		</div>
		<div class="col-md-12">
			<div class="progress">
	      <div class="progress-bar progress-bar-success" style="width: 35%">
	        <span class="sr-only">35% Complete (success)</span>
	      </div>
	      <div class="progress-bar progress-bar-warning progress-bar-striped" style="width: 20%">
	        <span class="sr-only">20% Complete (warning)</span>
	      </div>
	      <div class="progress-bar progress-bar-danger" style="width: 10%">
	        <span class="sr-only">10% Complete (danger)</span>
	      </div>
	    </div>
		</div>

		<div class="col-md-12">
			<h2>responsive-embed</h2>
		</div>
		<div class="col-md-12">
			<div class="embed-responsive embed-responsive-16by9">
	      <iframe class="embed-responsive-item" src="" allowfullscreen></iframe>
	    </div>
		</div>

		<div class="col-md-12">
			<h2>thumbnails</h2>
		</div>
		<div class="col-md-12">
			<div class="row">
	      <div class="col-xs-6 col-md-3">
	        <a href="#" class="thumbnail">
	          <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail">
	        </a>
	      </div>
	      <div class="col-xs-6 col-md-3">
	        <a href="#" class="thumbnail">
	          <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail">
	        </a>
	      </div>
	      <div class="col-xs-6 col-md-3">
	        <a href="#" class="thumbnail">
	          <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail">
	        </a>
	      </div>
	      <div class="col-xs-6 col-md-3">
	        <a href="#" class="thumbnail">
	          <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail">
	        </a>
	      </div>
		</div>
		<div class="col-md-12">
			<div class="row">
	      <div class="col-sm-6 col-md-4">
	        <div class="thumbnail">
	          <img data-src="holder.js/100%x200" alt="Generic placeholder thumbnail">
	          <div class="caption">
	            <h3>Thumbnail label</h3>
	            <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
	            <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
	          </div>
	        </div>
	      </div>
	      <div class="col-sm-6 col-md-4">
	        <div class="thumbnail">
	          <img data-src="holder.js/100%x200" alt="Generic placeholder thumbnail">
	          <div class="caption">
	            <h3>Thumbnail label</h3>
	            <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
	            <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
	          </div>
	        </div>
	      </div>
	      <div class="col-sm-6 col-md-4">
	        <div class="thumbnail">
	          <img data-src="holder.js/100%x200" alt="Generic placeholder thumbnail">
	          <div class="caption">
	            <h3>Thumbnail label</h3>
	            <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
	            <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
	          </div>
	        </div>
	      </div>
	    </div>
		</div>

		<div class="col-md-12">
			<h2>wells</h2>
		</div>
		<div class="col-md-12">
			<div class="well">
	      Look, I'm in a well!
	    </div>
		</div>
		<div class="col-md-12">
			<div class="well well-lg">
	      Look, I'm in a large well!
	    </div>
		</div>
		<div class="col-md-12">
			<div class="well well-sm">
	      Look, I'm in a small well!
	    </div>
		</div>


		<div class="col-md-12">
			<h2>glyphicons</h2>
		</div>
		<div class="col-md-12">
			<div class="bs-glyphicons">
		    <ul class="bs-glyphicons-list">

		        <li>
		          <span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-asterisk</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-plus</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-euro" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-euro</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-eur" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-eur</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-minus" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-minus</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-cloud" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-cloud</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-envelope</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-pencil</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-glass" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-glass</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-music" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-music</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-search</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-heart</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-star</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-star-empty</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-user</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-film" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-film</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-th-large" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-th-large</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-th" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-th</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-th-list</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-ok</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-remove</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-zoom-in" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-zoom-in</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-zoom-out" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-zoom-out</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-off</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-signal" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-signal</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-cog</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-trash</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-home" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-home</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-file" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-file</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-time</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-road" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-road</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-download-alt</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-download" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-download</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-upload" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-upload</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-inbox" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-inbox</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-play-circle" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-play-circle</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-repeat" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-repeat</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-refresh</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-list-alt</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-lock" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-lock</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-flag" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-flag</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-headphones" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-headphones</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-volume-off" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-volume-off</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-volume-down" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-volume-down</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-volume-up" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-volume-up</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-qrcode" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-qrcode</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-barcode" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-barcode</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-tag" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-tag</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-tags" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-tags</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-book" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-book</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-bookmark" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-bookmark</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-print" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-print</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-camera" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-camera</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-font" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-font</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-bold" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-bold</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-italic" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-italic</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-text-height" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-text-height</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-text-width" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-text-width</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-align-left" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-align-left</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-align-center" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-align-center</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-align-right" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-align-right</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-align-justify" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-align-justify</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-list" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-list</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-indent-left" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-indent-left</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-indent-right" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-indent-right</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-facetime-video" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-facetime-video</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-picture</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-map-marker</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-adjust" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-adjust</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-tint" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-tint</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-edit</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-share" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-share</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-check" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-check</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-move" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-move</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-step-backward" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-step-backward</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-fast-backward" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-fast-backward</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-backward" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-backward</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-play" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-play</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-pause" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-pause</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-stop" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-stop</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-forward" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-forward</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-fast-forward" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-fast-forward</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-step-forward" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-step-forward</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-eject" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-eject</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-chevron-left</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-chevron-right</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-plus-sign</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-minus-sign" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-minus-sign</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-remove-sign" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-remove-sign</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-ok-sign</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-question-sign</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-info-sign</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-screenshot" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-screenshot</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-remove-circle" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-remove-circle</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-ok-circle" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-ok-circle</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-ban-circle" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-ban-circle</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-arrow-left</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-arrow-right" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-arrow-right</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-arrow-up</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-arrow-down" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-arrow-down</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-share-alt" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-share-alt</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-resize-full" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-resize-full</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-resize-small" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-resize-small</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-exclamation-sign</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-gift" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-gift</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-leaf</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-fire" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-fire</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-eye-open</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-eye-close</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-warning-sign" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-warning-sign</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-plane" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-plane</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-calendar</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-random" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-random</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-comment" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-comment</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-magnet" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-magnet</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-chevron-up" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-chevron-up</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-chevron-down</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-retweet" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-retweet</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-shopping-cart</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-folder-close" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-folder-close</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-folder-open" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-folder-open</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-resize-vertical" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-resize-vertical</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-resize-horizontal" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-resize-horizontal</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-hdd" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-hdd</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-bullhorn</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-bell" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-bell</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-certificate" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-certificate</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-thumbs-up</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-thumbs-down" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-thumbs-down</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-hand-right" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-hand-right</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-hand-left" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-hand-left</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-hand-up" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-hand-up</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-hand-down" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-hand-down</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-circle-arrow-right" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-right</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-circle-arrow-left" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-left</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-circle-arrow-up" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-up</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-circle-arrow-down" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-down</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-globe" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-globe</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-wrench" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-wrench</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-tasks" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-tasks</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-filter" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-filter</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-briefcase</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-fullscreen</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-dashboard" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-dashboard</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-paperclip" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-paperclip</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-heart-empty</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-link" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-link</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-phone" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-phone</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-pushpin" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-pushpin</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-usd" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-usd</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-gbp" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-gbp</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-sort" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-sort</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-sort-by-alphabet" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-sort-by-alphabet</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-sort-by-alphabet-alt" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-sort-by-alphabet-alt</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-sort-by-order" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-sort-by-order</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-sort-by-order-alt" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-sort-by-order-alt</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-sort-by-attributes" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-sort-by-attributes</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-sort-by-attributes-alt" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-sort-by-attributes-alt</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-unchecked" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-unchecked</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-expand" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-expand</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-collapse-down" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-collapse-down</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-collapse-up" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-collapse-up</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-log-in" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-log-in</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-flash" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-flash</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-log-out" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-log-out</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-new-window</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-record" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-record</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-save" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-save</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-open" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-open</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-saved" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-saved</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-import" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-import</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-export" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-export</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-send" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-send</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-floppy-disk</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-floppy-saved" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-floppy-saved</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-floppy-remove" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-floppy-remove</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-floppy-save" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-floppy-save</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-floppy-open" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-floppy-open</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-credit-card" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-credit-card</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-transfer" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-transfer</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-cutlery" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-cutlery</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-header" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-header</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-compressed" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-compressed</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-earphone" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-earphone</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-phone-alt" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-phone-alt</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-tower" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-tower</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-stats" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-stats</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-sd-video" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-sd-video</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-hd-video" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-hd-video</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-subtitles" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-subtitles</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-sound-stereo" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-sound-stereo</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-sound-dolby" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-sound-dolby</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-sound-5-1" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-sound-5-1</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-sound-6-1" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-sound-6-1</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-sound-7-1" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-sound-7-1</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-copyright-mark" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-copyright-mark</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-registration-mark" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-registration-mark</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-cloud-download" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-cloud-download</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-cloud-upload" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-cloud-upload</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-tree-conifer" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-tree-conifer</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-tree-deciduous" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-tree-deciduous</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-cd" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-cd</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-save-file" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-save-file</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-open-file" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-open-file</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-level-up" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-level-up</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-copy" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-copy</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-paste" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-paste</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-alert" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-alert</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-equalizer" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-equalizer</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-king" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-king</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-queen" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-queen</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-pawn" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-pawn</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-bishop" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-bishop</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-knight" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-knight</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-baby-formula" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-baby-formula</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-tent" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-tent</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-blackboard" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-blackboard</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-bed" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-bed</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-apple" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-apple</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-erase" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-erase</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-hourglass" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-hourglass</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-lamp" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-lamp</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-duplicate" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-duplicate</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-piggy-bank" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-piggy-bank</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-scissors" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-scissors</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-bitcoin" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-bitcoin</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-btc" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-btc</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-xbt" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-xbt</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-yen" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-yen</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-jpy" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-jpy</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-ruble" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-ruble</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-rub" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-rub</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-scale" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-scale</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-ice-lolly" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-ice-lolly</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-ice-lolly-tasted" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-ice-lolly-tasted</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-education" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-education</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-option-horizontal" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-option-horizontal</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-option-vertical" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-option-vertical</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-menu-hamburger</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-modal-window" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-modal-window</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-oil" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-oil</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-grain" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-grain</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-sunglasses" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-sunglasses</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-text-size" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-text-size</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-text-color" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-text-color</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-text-background" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-text-background</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-object-align-top" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-object-align-top</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-object-align-bottom" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-object-align-bottom</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-object-align-horizontal" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-object-align-horizontal</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-object-align-left" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-object-align-left</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-object-align-vertical" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-object-align-vertical</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-object-align-right" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-object-align-right</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-triangle-right</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-triangle-left" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-triangle-left</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-triangle-bottom</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-triangle-top" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-triangle-top</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-console" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-console</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-superscript" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-superscript</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-subscript" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-subscript</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-menu-left</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-menu-right</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-menu-down" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-menu-down</span>
		        </li>

		        <li>
		          <span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span>
		          <span class="glyphicon-class">glyphicon glyphicon-menu-up</span>
		        </li>

		    </ul>
		  </div>
		</div>

	</div>
</body>
</html>
